@charset "utf-8";

@import "common/reset";
@import "common/common";

.web{
    .personal{
        padding: 3px 0 28px 0;
        .main2{
            width: 1190px;
            margin: 0 auto;
        }
        .personal_top{
            width: 1188px;
            margin: 0 auto;
            height: 32px;
            line-height: 32px;
            font-size: 14px;
            background: #eee;
            padding-left: 12px;
            margin: 25px 0;
            a{
                color: #000;
                &:hover{
                    color: #E2231A;
                }
            }
            .fr{
                padding-right: 10px;
                font-size: 12px;
                color: red;
            }
        }
        .personal_bar{
            float: left;
            width: 150px;
            font-family: arial,"微软雅黑",sans-serif;
            font-size: 12px;
            color: #000;
            border-left: 1px solid #d9d8d6;
            border-right: 1px solid #d9d8d6;
            .list_person{
                h3{
                    border-top: 1px solid #d9d8d6;
                    height: 32px;
                    line-height: 32px;
                    background: #eee;
                    padding-left: 32px;
                    font-size: 14px;
                    font-weight: normal;
                    cursor: pointer;
                    .icon-you{
                        transform: rotate(90deg);
                        display: inline-block;
                        font-size: 11px;
                        color: #999;
                        margin-left: 5px;
                        vertical-align: top;
                    }                        
                }
                ul{
                    overflow: hidden;  
                    transition: all .5s ease-in-out;                                    
                    li{          
                        height: 30px;
                        line-height: 30px;
                        padding-left: 32px;
                        font-size: 13px;
                        border-top: 1px solid #d9d8d6;
                        &:last-child{
                            border-bottom:1px solid #d9d8d6;
                        }
                        a{
                            color: #6f7170;
                            display: block;
                        }
                    }
                    .on_this{
                        
                        background: #d62f26;
                        a{
                            color: #fff;
                        }
                    }
                }
            }
        }
        .personal_right{
            float: right;
            width: 1030px;
            border: 1px solid #d9d8d6;
            .personal_title{
                height: 38px;
                line-height: 38px;
                border-bottom: 1px solid #d9d8d6;
                background: #eee;
                font-size: 15px;
                padding-left: 22px;
            }
            .parson_main{
                padding-left: 22px;
                ul{
                    margin-top: 20px;
                    font-size: 12px;
                    width: 569px;
                    float: left;
                    border-right: 1px dashed #d9d8d6;
                    padding-right: 40px;
                    li{
                        line-height: 24px;
                        margin-top: 20px;
                        .person_name{
                            float: left;
                            width: 80px;
                            font-size: 13px;
                            color: #000;
                            text-align: right;
                            em{
                                color: #e2231a;;
                            }                            
                        }
                        font{
                            font-size: 11px;
                            color: #6f7170;
                        }
                        input{
                            padding: 0 5px;
                        }
                        input[type="text"]{
                            width: 153px;
                            height: 22px;
                            border: 1px solid #d2d2d2;
                            margin-right: 34px;
                        }
                        input[type="radio"]{              
                            vertical-align: middle;
                        }
                        label{
                            margin-left: 6px;
                            margin-right: 36px;
                        }
                        .select_all{
                            float: left;
                            position: relative;
                            line-height: 22px;
                            text-align: left;
                            margin-right: 10px;
                            select{
                                font-size: 12px;
                            }                           
                        }
                        #adress{
                            width: 412px;
                        }
                    }
                    i{
                        color: #cdcdcd;
                    }                    
                }
                .person_head{
                    font-size: 12px;
                    display: inline-block;
                    text-align: center;
                    padding:80px 50px 0 150px;
                    a{
                        color: #000;
                        display: block;
                        &:hover{
                            color: red;
                        }
                    }
                }
            }
            .person_amend{
                height: 87px;
                line-height: 87px;
                padding-left: 22px;
                padding-right: 22px;
                p{
                    cursor: pointer;
                    width: 117px;
                    height: 30px;
                    line-height: 30px;
                    background: #c9c9c9;
                    text-align: center;
                    border-radius: 5px;
                    display: inline-block;
                    margin-left: 80px;
                    &:hover{
                        background: rgb(255,48,48);
                        color: #fff;
                    }
                }
            }
        }
    }
}
